/* calendar */
div, ul, li{ margin:0; padding:0;}
ul, li{ list-style:none;}
em{ font-style:normal;}
   .datepicker{ position:absolute; left:-1000px; top:-1000px; width:412px; min-height:212px; _height:212px; background:#fff; border:1px solid #ffcc00; font-size:12px; z-index:9999;}
   .pickerwrap{ position:relative; width:100%;  min-height:212px; _height:212px;}
   .pickwidth{ width:100%; overflow:auto; zoom:1;}
   .pickerbody{ float:left; width:206px; overflow:hidden; border:none;}
   .pickhead{ width:206px; height:27px; margin-bottom:5px; line-height:27px; background-color:#fff5c8; color:#313330; text-align:center;}
   .pickweek{ width:196px; padding:0 4px 0 5px; height:24px; background:#fff; line-height:24px; border-right:1px solid #ffecaa;}
   .pickweek span{ float:left; width:28px; background:#f5f5f5; text-align:center;}
   .pickweek span.wkfont{ color:#fd6600; font-weight:bold;}
   .dateswrap{ width:196px; padding:0 4px 0 5px; border-right:1px solid #ffecaa; min-height:151px; _height:151px;}
   .dateswrap ul{ width:100%; overflow:auto; zoom:1;}
   .dateswrap li{ float:left; width:28px; height:26px; text-align:center; line-height:22px; font-family:Verdana, Arial, Helvetica; color:#cbcbcb; font-weight:bold;}
   .dateswrap li a{ display:block; width:24px; height:22px; border:1px solid #fff; margin:1px 0 0 1px; text-align:center; line-height:22px; font-weight:bold;}
   .dateswrap li a:link, .dateswrap li a:visited{ text-decoration:none; color:#333;}
   .dateswrap li a.now{ width:22px; height:20px; line-height:20px; background:#fef7da; border:2px solid #ffde64;}
   .dateswrap li a.now:hover{ width:24px; height:22px; line-height:22px;}
   .dateswrap li a.choice{ background:#ff9900; color:#fff;}
   .dateswrap li a:hover{  background:#f7ffe8; border:1px solid #a2c922; color:#333;}
   .prevMonth, .nextMonth{ position:absolute; top:5px; width:17px; height:17px; cursor:pointer;}
   .prevMonth{ left:5px; background:transparent url(http://wimg.mangocity.com/img/w/module/dpleft.png) no-repeat 0 0;}
   .nextMonth{ right:5px; background:transparent url(http://wimg.mangocity.com/img/w/module/dpright.png) no-repeat 0 0;}
   .fm208x208{ width:208px; height:208px;}
   .fm396x228{ width:406px; height:228px;}
   .yselect{position:absolute;}
   .yearlist{font-size:12px;}
   .setyear, .setmonth{cursor:pointer;}
.holitip{ position:absolute; top:0; right:50px; color:#999;}
   .bleft, .wbleft{ border-right:none; border-left:1px solid #ffecaa;}
   .wbleft{ padding:0 5px 0 4px;}
.dateswrap li a.hld, .dateswrap li a.hld:hover{ background:transparent url(http://wimg.mangocity.com/img/w/module/holiday.png) no-repeat 0 0;}
.dateswrap li a.hl20120122{ background-position:0 0;}
.dateswrap li a.hl20120122:hover{ background-color:#fff8dc; background-position:0 0;}
.dateswrap li a.hl20120123{ background-position:0 -24px;}
.dateswrap li a.hl20120123:hover{ background-color:#fff8dc; background-position:0 -24px;}
.dateswrap li a.hl20120206{ background-position:0 -48px;}
.dateswrap li a.hl20120206:hover{ background-color:#fff8dc; background-position:0 -48px;}
.dateswrap li a.hl20120404{ background-position:0 -72px;}
.dateswrap li a.hl20120404:hover{ background-color:#fff8dc; background-position:0 -72px;}
.dateswrap li a.hl20120501{ background-position:0 -96px;}
.dateswrap li a.hl20120501:hover{ background-color:#fff8dc; background-position:0 -96px;}
.dateswrap li a.hl20120623{ background-position:0 -120px;}
.dateswrap li a.hl20120623:hover{ background-color:#fff8dc; background-position:0 -120px;}
.dateswrap li a.hl20120930{ background-position:0 -144px;}
.dateswrap li a.hl20120930:hover{ background-color:#fff8dc; background-position:0 -144px;}
.dateswrap li a.hl20121001{ background-position:0 -168px;}
.dateswrap li a.hl20121001:hover{ background-color:#fff8dc; background-position:0 -168px;}
.dateswrap li a.hl20130101{ background-position:0 -192px;}
.dateswrap li a.hl20130101:hover{ background-color:#fff8dc; background-position:0 -192px;}
.dateswrap li a.hld:hover{  border-color:#ffdd65;}


.ipticon{
	background: #FFF url(../images/date_icon.gif) 98% 50% no-repeat;
	border:1px #CFCFCF solid;
	padding:3px;
}

/*
.datepicker{ min-height:168px; _height:168px;}
.pickerbody{ width:142px;}
.pickweek span{ width:20px; height:23px; line-height:23px;}
.dateswrap{ width:140px;}
.dateswrap li{ width:20px; height:23px; line-height:23px;}
.dateswrap li a{ width:20px; height:23px; line-height:23px; font-weight:normal;}

.dateswrap li a.choice{ background:#ffcc66; color:#ff6600;}
.dateswrap li a:hover{ background:#FFF4D2; color:#ff9900;}
*/